html,body,div,h1,h2,h3,h4,div,a,img,p,input,textarea,header,nav,ul,li{
	margin:0;
	padding:0;
}
img{
	border:none;
	max-width:100%;
	display:inline-block;
}
input,textarea,a{
	outline:none;
	-webkit-appearance:none;
	resize: none;
	font-family: "微软雅黑";
}
input:focus,textarea:focus{
	border:1px solid #3bb4f2!important;
}
a{
	text-decoration:none;
	color:#444;
}
i{
	font-style: normal;
}
ul,li{
	list-style:none;
}
@font-face {font-family: 'iconfont';
    src: url('../font-ico/iconfont.eot'); /* IE9*/
    src: url('../font-ico/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font-ico/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font-ico/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font-ico/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html,body{
	width:100%;
	font-size:16px;
	line-height:1.65;
	font-family: "微软雅黑";
	background:#f3f3f3;
	color:#333;
}
.cl{
	display:table;
	content:"";
}
/*这个是内容容器div*/
.content-div{
	padding:20px;
	padding-top:0;
	background:#fff;
	border-radius:5px;
	overflow:hidden;
	border:1px solid #eaeaea;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
/*header*/
header{
	width:100%;
	height:50px;
	padding:15px 0;
	background:#fff;
	line-height:50px;
	box-shadow:0 1px 3px rgba(0,0,0,.04);
	border-bottom:1px solid #eaeaea;
	margin-bottom:50px;
}
header .header-div{
	max-width:1180px;
	height:100%;
	margin:0 auto;
}
header .logo{
	display:inline-block;
	height:50px;
	float:left
}
header .logo img{
	width:auto;
	height:100%;
}
/*nav*/
nav{
	float:left;
	margin-left:30px;
}
nav a{
	display:inline-block;
	margin:0 30px;
	font-size:18px;
}
/*下边框*/
nav a:hover{
	border-bottom:1px solid #FF5E52;
}
/*用户名称和头像*/
.user-info{
	float:right;
}
/*用户头像*/
.user-info .user-logo{
	width:50px;
	height:50px;
	display:block;
	border-radius:50%;
	background:#ddd;
}
/*用户名称*/
.user-info .user-name{
	font-size:16px;
	margin-left:15px;
	font-weight:400;
}
.user-info .user-logo,
.user-info .user-name{
	float:left;
}
/*搜索*/
.header-div .search-show-btn{
	display:block;
	width:50px;
	height:50px;
	float:right;
}
.header-div .search-show-btn i{
	font-size:25px;
}
/*遮罩*/
.mask{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;;
	background:#fff;
	display:none;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
	transform:rotateX(90deg);
}
.search{
	width:600px;
	height:167px;
	position:fixed;
	left:50%;
	top:50%;
	margin-top:-83.5px;
	margin-left:-300px;
	color:#b4b4b4;
}
.search label{
	display:block;
	font-size:28px;
	text-align:center;
}
.search .input-div{
	height:50px;
	margin:20px 0;
	border:1px solid #eaeaea;
}
.input-div input:focus{
	border:none!important;
	border-right:1px solid #eaeaea!important;
}
.input-div input{
	width:500px;
	height:50PX;
	font-size:25px;
	padding:0 5px;
	border:none;
	border-right:1px solid #eaeaea;
	float:left;
	color:#999999;
}
/*搜索按钮*/
.select{
	float:right;
	position:relative;
}
.select-val{
	color:#555;
}
.select,
.select-val{
	display:block;
	width:87px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	cursor:pointer;
}
.select ul{
	width:100%;
	height:auto;
	position:absolute;
	top:50px;
	left:-1px;
	border:1px solid #eaeaea;
	border-bottom:none;
}
.select ul li{
	height:40px;
	line-height:40px;
	text-align:center;
	color:#555;
	border-bottom:1px solid #eaeaea;
	display:none;
}
.select ul li:hover,
.select-val:hover{
	background:#F7F7F7;
}
.search .tishi{
	display:block;
	font-size:18px;
	text-align:center;
}
/*显示动画*/
.search-show{
	display:block;
	animation:SearchWhow 1.2s ease forwards;;
	-moz-animation:SearchWhow 1.2s ease forwards;;
	-webkit-animation:SearchWhow 1.2s ease forwards;;
	-o-animation:SearchWhow 1.2s ease forwards;;
	display:block;
}
@keyframes SearchWhow{
	0%{
		-webkit-transform:rotateX(90deg);
		-moz-transform:rotateX(90deg);
		-ms-transform:rotateX(90deg);
		transform:rotateX(90deg);
	}
	50%{
		-webkit-transform:rotateX(-45deg);
		-moz-transform:rotateX(-45deg);
		-ms-transform:rotateX(-45deg);
		transform:rotateX(-45deg);
	}
	100%{
		-webkit-transform:rotateX(0deg);
		-moz-transform:rotateX(0deg);
		-ms-transform:rotateX(0deg);
		transform:rotateX(0deg);
	}
}
/*关闭按钮*/
.mask .search-close{
	display:block;
	width:25px;
	height:25px;
	border-radius:50%;
	position:fixed;
	right:15px;
	top:15px;
	text-align:center;
	line-height:25px;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	transition:transform 0.5s;
}
.mask .search-close i{
	font-size:25px;
	color:#555;
}
/*鼠标移入*/
.mask .search-close:hover{

	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.mask .search-close:hover i{
	color:#FF5E52;
}
/*color-animate*/
nav a,
.user-info .user-name,
.title a,
.search-show-btn i{
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-ms-transition:color 0.2s;
	transition:color 0.2s;
}
nav a:hover,
.user-info .user-name:hover,
.title a:hover,
.search-show-btn i:hover{
	color:#FF5E52!important;
}
/*内容左右公共样式*/
/*内容*/
#content{
	width:1180px;
	min-height:500px;
	margin:0 auto;
	margin-top:25px;
}
/*left*/
.left-content{
	width:848px;
	float:left;
	padding:0;
}

/*right*/
.right-content{
	float:right;
	width:300px;
	padding:0 0 20px 0;
}
/*模块title*/
.content-title,
.prompt{
	font-size:18px;
	line-height:50px;
	color:#666;
	border-bottom:1px solid #eaeaea;
	font-weight:normal;
	background:#fff;
	font-weight:600;
}
.prompt{
	padding:20px;
	text-align:center;
}
.pt-0{
	padding-top:0;
}
.pl-20{
	padding:0 20px;
}
.mb-20{
	margin-bottom:20px;
}
.f-r{
	float:right;
}
.border-btn{
	border:1px solid #eaeaea;
	margin-bottom:20px;

}
